/* CSS Document */

.clear {
	clear:both;
	}
.rounded_panel {
	background: #f4f4f4 url(../../images/c_topcenter.gif) repeat-x;
	}
.rounded_panel .top-left {
	background:url(../../images/c_topleft.gif) top left no-repeat;
	}
.rounded_panel .top-right {
	background:url(../../images/c_topright.gif) top right no-repeat;
	}
.rounded_panel .left-panel {
	background:url(../../images/c_left.gif) repeat-y left;
	}
.rounded_panel .right-panel {
	background:url(../../images/c_right.gif) repeat-y right;
	}
.rounded_panel .bot-left {
	background:url(../../images/c_botleft.gif) bottom left no-repeat;
	}
.rounded_panel .bot-right {
	background:url(../../images/c_botright.gif) bottom right no-repeat;
	}
.rounded_panel .bot-center {
	background:url(../../images/c_botcenter.gif) bottom repeat-x;
	}
.rounded_panel .container-panel {
	padding-bottom:20px;
	}
.rounded_panel .contentbox {
	padding:20px 40px;
	}
.container-panel h4 {
	color:#700000; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; padding-top:18px; padding-bottom:5px; padding-left:40px; line-height:15px;
	}
#welcome {
	clear:both; padding:7px; margin:0 0 0 245px; font-weight:bold; color:#700000;
	}
#sistem {
	margin-left:165px;
	background:url(../../images/sistem.gif) no-repeat;
	width:237px;
	height:34px;
	background-position: 0 10px;
	}
#title {
	margin-left:160px;
	height:52px;
	width:514px;
	background:url(../../images/title.gif) no-repeat;
	margin-top: 8px;
	}
.topnav-bg {
	background:url(../../images/top-center.gif) repeat-x;
	margin-left:160px;
	margin-right: 10px;
	}
.topnav-bg .topnav-left {
	background:url(../../images/top-left.gif) no-repeat top left;
	}
.topnav-bg .topnav-right {
	background:url(../../images/top-right.gif) no-repeat top right;
	}
/*tabel data*/
	
table.tbl {
	border: 1px solid #cccccc;
	width: 100%;
	padding:0;	
	margin: 0 auto;
	background: #EEEEEE;
	/*url(../images/top-nav.gif) repeat-x;*/
	font-size:1em;
	text-align:left;
}

table.tbl th{
	background: #EEEEEE;
	border: 1px solid;
	border-color: threedhighlight threedshadow threedshadow threedhighlight;
	text-align:center;
	height:20px;
}
table.tbl td,th {
	padding: 2px;
	height:20px;
	text-align:left;
}
table.tbl td.clright {
	text-align: right;
	padding-right:7px;
}
table.tbl td.clcenter {
	text-align: center;	
}
table.tbl td a {
	color: #4E4D4D;
	font-weight:bold;
}
table.tbl td a:hover {
	color: #00529E;
	text-decoration: underline;
}
table.tbl tr:hover {
	text-decoration: underline;
	background:#f0f6da;
}
.event2 {
	background-color: #fafafa;
}
.event {
	background-color: #ffffff;
}

/*FORM*/

#form { }

fieldset {
	margin-left:auto;
	margin-right:auto;
	background:#EEEEEE;
	border:1px solid #cccccc;
	padding:15px;
	}

#form fieldset:hover {
	border:1px solid #97b580;
	}
	
table.formTabel {
	width:100%;
	font-size:12px;
	}
	
table.formTabel td {
	padding:3px;
	border-bottom:1px solid #cccccc;
	}
	
table.formTabel td.kolom {
	width:200px;
	}

input, textarea {
	background:#fafafa;
	border-bottom:2px solid #dddddd;
	border-right:2px solid #dddddd;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	}
.button {
	background:#003366;
	color:#FFFFFF;
	padding:3px;
	}
input:hover, textarea:hover, input:focus, textarea:focus, select:hover, select:focus
{
border:2px solid #003366;
}

.tombol {
	background:#003366;
	color:#fff;
	}